/* ================================================================================== */
/* ================================================================================== */
/*
	modificaciones sobre el estilo generado para Jquery UI
*/
/*
 * @DEBUG
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; font-size:9pt}
*/
.ui-icon{
	float:left;
}
.button:hover{
	cursor:pointer;
}
.ui-widget{
	vertical-align:middle;
}

div.ui-dialog-titlebar.ui-widget-header{
	background: none;
	background-color:#FFFFFF;
	color:#000000;
	border: 0;
}
a.ui-dialog-titlebar-close.ui-state-hover, a.ui-dialog-titlebar-close.ui-state-focus{
	background: none;
	background-color:#FFFFFF;
	color:#000000;
	border: 0;
}
div.ui-tabs.ui-widget.ui-widget-content{
	background: 0;
}
/*
 *
 *	estilos para hacer un gradiente sin imagenes
 *
 *	poner todas las reglas, para que funcione en los 3 navegadores
 *
 *
 *
  for non-css3 browsers 
background-color: #999; 


/* Safari 5.1+, Chrome 10+ 
background: -webkit-linear-gradient(top, black, white);

/* Opera 11.10 
background: -o-linear-gradient(black, white);

/* IE8+ 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#ffffff')";

/* IE 10 
background: -ms-linear-gradient(top, #2F2727, #1a82f7);

/* the standard 
background: linear-gradient(to top, #2F2727, #1a82f7);

 *
 *
 *
 *
 *
 */

.ui-state-highlight{
	font-size: 14px;
}

/*
.ui-widget-header{
	font-family: Arial;
}
*/

/* ================================================================================== */
/* css for timepicker */
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
/* ================================================================================== */
/* ================================================================================== */

body{
	background-image:url(images/bg_fondo.jpg);
	background-color: #18011d;
	background-repeat:no-repeat;
	background-position:top center;
/*
	es el ancho oficial, pero es demasiado chico para las resoluciones actuales
	width : 716px;
 */
	font-family: Verdana,sans-serif;
	margin: 0;
	/*padding: 3px;*/
	text-align: center;
	color: #f0f0f0;
	font-size: 10px;
	
	overflow-y: scroll;
	overflow-x: hidden;
}

table.portada{
	width: 981px;
}


/*
	es la tabla que contiene todo lo que se ve (el body)
	dentro de esta tabla hay una fila para el header, otra para el content
	y una mas para el footer
*/
table.table_content {
	/*width: 100%;*/
	width: 981px;
	padding : 0pt;
	margin : 0pt;
	border : 0pt;
	border-collapse: collapse;
	text-align: center;
	vertical-align: middle;
}

.table_content tr, .table_content td{
	padding : 0pt;
	margin : 0pt;
	border : 0pt;
/*	text-align: center;*/
	vertical-align: middle;
}
.registrate a {
	background:url(../images/registrate_btn.png) no-repeat 0 0;
	display:block;
	float:left;
	height:51px;
	margin-top:8px;
	text-indent:-9000px;
	width:161px;
}
.registrate a:hover {
	background-position:-161px 0;
}
div.ingresar{
	position: relative;
    left: 2px;
	top: 6px;
	padding:5px 0;
}
div.ingresar.popup{
    left: 0px;
}
div.ingresar a {
	display:inline-block;
	width:144px;
}
div.ingresar.popup a {
	display:inline-block;
	width:180px;
}
div.secciones {
	background:url(../images/bg_secciones.png) no-repeat 0 0;
	height:29px;
	padding:0 0 0 8px;
	position:relative;
/*	left:-11px;*/
}
h2.secciones {
	padding-top:5px;
	text-align:left;
}
.destacado {
	background:url(../images/destacado.png) no-repeat 0 0;
	float:left;
	height:75px;
	width:298px;
}
form.form-registro {
	padding-top:8px;
}
form.form-registro input {
	margin-bottom:3px;
	width:100%;
}
/* ================================================================================== */




/*
 * 
 * clases CSS puestas en los distintos elementos del sistema
 * 
clase CSS        tipo de elemento
---------------    ----------------------------------------------------------
abm                	<table> es la tabla que contiene otra tabla para el form y otra tabla mas para el listado
form_button        	<table> es una tabla que contiene solamente botones en una sola fila
						se ubica debajo del formulario del reporte (con los botones para generar reporte en xls, en pdf, etc)
						tambien hay uno de estos en la parte de abajo del form de carga
form				<table> es la tabla que contiene los inputs para la carga, busqueda y reporte
field_title			<td> del form que tiene la descripcion del input de carga
field_value			<td> del form que tiene el input
		
form_detail			<table> es la tabla que contiene los inputs para la carga, busqueda y reporte para un formulario
						de detalle (esta dentro de otro formulario)
			
popup				<table> que se usa para mostrar la info de un registro en un popup emergente
popup_detail		<table> que esta dentro del popup anterior, para mostrar la parte del detalle
						en las relaciones maestro-detalle
popup_title			<td> del popup para el nombre del campo que se muestra
popup_value			<td> del popup para mostrar el valor de un registro (contiene texto, no inputs)
			
list				<table> tabla para los listados
cell_varchar		<td> del listado que contiene texto              (letra linda  alinear izquierda)
cell_date			<td> del listado que contiene fechas u horas     (monoespaciar alinear centro)
cell_int			<td> del listado que contiene un numero entero   (monoespaciar alinear derecha)
cell_float			<td> del listado que contiene un numero flotante (monoespaciar alinear derecha)
			
table_pag			<table> tabla para el paginador del listado
menu_search			<table> tabla para el popup que tiene los radiobutton de ordenamiento del listado
cursor_pointer		<tr> que tiene los titulos de la tabla de listado, para que le ponga la manito como cursor
row_data			<tr> que tiene los datos de la tabla de listado, para que le ponga otro fondo en el OVER

*/

/* ================================================================================== */
/*	listados del sistema */
/*	resaltado de la fila del listado cuando pasas por arriba */
tr.row_data:hover{
	background-color:#404040;
	color: #FFFFFF;
}
/*	titulos de las columnas del listado */
.list th{
	background-color:#101010;
	font-family: Helvetica;
	font-weight: bold;
    border-style: solid;
    border-width: 1px;
	padding: 0 2px;
	text-align: center;
	border-top-color : #999999;
	border-bottom-color : #BBBBBB;
	border-left-color: #FFFFFF;
	border-right-color: #FFFFFF;
	color:#fff;
}
.list td{
	border-color: #FFFFFF;
    border-style: solid;
    border-width: 0 1px;
	padding: 0 2px;
	color:#fff;
	
}
/* a los elementos que se les aplique esta clase, el cursor se transforma en manito */
.cursor_pointer{
	cursor:pointer;
}
/*
cell_bool			<td> del listado que contiene texto              (letra linda  alinear centro)
cell_varchar		<td> del listado que contiene texto              (letra linda  alinear izquierda)
cell_date			<td> del listado que contiene fechas u horas     (monoespaciar alinear centro)
cell_int			<td> del listado que contiene un numero entero   (monoespaciar alinear derecha)
cell_float			<td> del listado que contiene un numero flotante (monoespaciar alinear derecha)
cell_enumeration	<td> del listado que contiene texto de un enum   (letra linda  alinear centro)
*/
.cell_bool{
	font-weight: normal;
	font-family: Arial;
	text-align: center;
}
.cell_enumeration{
	font-weight: normal;
	font-family: Arial;
	text-align: center;
}
.cell_varchar{
	font-weight: normal;
	font-family: Arial;
	text-align: left;
}
.cell_date{
	font-weight: normal;
	font-family: Helvetica;
	text-align: center;
}
.cell_int{
	font-weight: normal;
	font-family: Helvetica;
	text-align: right;
}
.cell_float{
	font-weight: normal;
	font-family: Helvetica;
	text-align: right;
}
/* --------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- */
/*  titulo de los field-set  */
legend{
/*
	font-weight: bold;
	font-family: Arial;
 */
	padding:0 0.5em;
	
	
	/*
	 * ahora esta usando el estilo de jquery-ui (clases ui-widget-header ui-corner-all)
	 * pero se puede sacarle ese selector y poner estos estilos
	border:1px solid;
	text-align:center;
	background-color:#252525;
	*/
}

/*  tabla del paginador de los listados  */
.table_pag, .table_pag tbody, .table_pag td{
	width: 100%;
	text-align : center;
	background-color: #1f1f1f;
}


/* estilo del TD de los formularios que contiene el nombre del field */
td.field_title{
	width:40%;
	text-align:left;
	padding: 5px;
	font-size: 1.2em;
	color:#FFF;
}
td.popup_title{
	width:40%;
	text-align:left;
	padding: 5px;
	font-size: 1.2em;
	color:#000;
}
/* estilo del TD de los formularios que contiene el input del field */
.field_value{
	text-align:left;
	color:#FFF;
}
.popup_value{
	text-align:left;
	color:#000;
}



/*	============================================================================
 * estilos para los inputs el sistema
 * no esta del todo integrado con jquery-ui
*/
input, select, textarea{
	/*
	border-width: 2px;
	border-style: solid;
	border-color : #cccccc;
 */
	border: 1px solid #620D75;
	background-color : #ccc;
	color: #000;
	padding: 1px 0 2px 2px;
	outline-color:#00ff00;
	outline-width: 0;
	margin: 0;
}
input:focus, select:focus, textarea:focus {
	border-color : gray;
}

.input-required{
	color: #DD0000;
	padding: 0 3px;
}



/*
================================================================================
		REFACTOR DE CSS INPUTS
================================================================================
*/
div.gc_input{
	/*display: inline-block;*/
}
/* --------------------------------- */
div.gc_input_autocomplete{}
div.gc_input_autocomplete div{
	background: transparent;
	padding: 2px;
}
/* --------------------------------- */
div.gc_input_browser{
	display: inline-block;
}
/*	tabla contenedora */
div.gc_input_browser table.input_browser_main{
	
	border : 0;
	border-collapse : collapse;
	padding : 0;
	margin : 0;
	text-align: left;
	vertical-align: middle;
	width: 100%;
}
/*	tabla que muestra el elemento seleccionado */
div.gc_input_browser table.input_browser_description{
	width: 100%;
}
div.gc_input_browser table.input_browser_description td{
	padding: 2px;
}
/*	tabla de filtros */
div.gc_input_browser table.input_browser_filter{
	width: 100%;
}
div.gc_input_browser table.input_browser_filter td{
	padding: 2px;
}
/* --------------------------------- */
div.gc_input_button{
	display:inline-block;
}
/* --------------------------------- */
div.gc_input_captcha{
	 color:#000;
	 width:290px;
}
/* --------------------------------- */
div.gc_input_checkbox{}
/* --------------------------------- */
div.gc_input_combo{}
/* --------------------------------- */
div.gc_input_combo_binario{}
/* --------------------------------- */
div.gc_input_date{}
/* --------------------------------- */
div.gc_input_datetime{}
/* --------------------------------- */
div.gc_input_time{}
/* --------------------------------- */
div.gc_input_file{
	border: 2px solid #7E398E;
	text-align: right;
}
div.gc_input_file .fileinput-input{
	background: 0;
	background-color: #FFFFFF;
	color: #000;
	width:132px;
	margin: 0;
	min-width: 132px;
}
/* --------------------------------- */
div.gc_input_file_img{}
/* --------------------------------- */
div.gc_input_file_link{}
/* --------------------------------- */
div.gc_input_link{display: inline-block;}
/* --------------------------------- */
div.gc_input_password{}
/* --------------------------------- */
div.gc_input_password_change{}
div.gc_input_password_change table{
	width:92%;
	display:inline-block;
	border:2px solid #7E398E;
	min-height:65px;
}
/* --------------------------------- */
div.gc_input_radio{}
div.gc_input_radio .fieldset{
	/*
	border-bottom-right-radius: 4px;
	border-bottom-left-radius:  4px;
	border-top-left-radius:     4px;
	border-top-right-radius:    4px;
 */
	border: none;
	border-width: 0;
}
div.gc_input_radio table.table_group_input, div.gc_input_radio table.table_group_input td{
	border : 0;
	border-collapse : collapse;
	padding : 0;
	margin : 0;
	text-align: left;
	vertical-align: middle;
}
/* --------------------------------- */
div.gc_input_set_checkbox{}
div.gc_input_set_checkbox fieldset{
	display:inline-block;
	width:94%;
}
/* --------------------------------- */
div.gc_input_text{}
/* --------------------------------- */
div.gc_input_textarea{}
/* --------------------------------- */
div.gc_input_textarea_rich{}
/*
================================================================================
		FIN REFACTOR DE CSS INPUTS
================================================================================
*/
div.gc_input a.input{ color:#fff;}

/* ================================================================================== */
table.list_creditos_compra{
	width: 80%;
}
.list_creditos_compra td{
	border-color: #CCCCCC;
    border-style: dotted;
    border-width: 0 0 1px 0;
	padding:3px;
	text-align: center;
	font-size: 12px;
}
.list_creditos_compra th{
	font-family: Helvetica;
	font-weight: bold;
	font-size: 12px;
    border-color: #CCCCCC;
    border-style: dotted;
    border-width: 0 0 1px 0;
	padding: 3px;
	text-align: center;
	color: #000;
}
.list_creditos_compra tr{
	color: #303030;
}
/*.list_creditos_compra tr:hover{
	color: #FFFFFF;
}*/
/* ================================================================================== */

/* ================================================================================== */
/*
	tabla que contiene el header del sistema
*/
table.table_header {
	width: 100%;
	padding : 0pt;
	margin : 0pt;
	border : 0pt;
}
.table_header tr, .table_header td{
	padding : 0pt;
	margin : 0pt;
	border : 0pt;
	font-family: Arial;
}
/* ================================================================================== */
/*
	tabla que contiene el footer del sistema
*/
table.table_footer {
	width: 981px;
	padding : 0pt;
	margin : 0pt;
	border : 0pt;
}
.table_footer tr, .table_footer td{
	padding-bottom:5px;
	margin : 0pt;
	border : 0pt;
	font-family: Arial;
	/*background-color: #383838;*/
}
/* ================================================================================== */


/* estilo para el div que bloquea la pantalla */
.blocker{
	background-color:#A5CBCF;
}

/*	esto es para redondear el menu */
.corner-menu{
	
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border: 0;
}
/*
li.ui-menu-item{
	display: block;
	float: none;
}
li.ui-menu-item-1{
	float: left;
	padding-right: 5px;
	padding-left: 3px;
	min-width: 50px;
	max-width: 200px;
}
li.ui-menu-item-1 a{
	font-weight:bold;
}
li.ui-menu-item-2 a,li.ui-menu-item-3 a,li.ui-menu-item-4 a{
	font-weight:bold;
}
*/

/*	clase para el menubar de las acciones del FRONTEND	*/
ul.menubar_f{
	float: left;
	list-style: none outside none;
	margin: 0;
	padding: 5px 0px 5px;
	left: -1px;
	position: relative;
	border-collapse: separate;
}
ul.menubar_f li.ui-button{
	display: table-cell;
	padding: 3px 15px;
	vertical-align: middle;
	border: 0;
}

ul.menubar_f li a{
	text-decoration: none;
	font-size: 17px;
	color: #AAAAAA;
	font-weight: normal;
}
ul.menubar_f li a.menubar_item_1:hover{
	color: #00FF00;
}


/* ============================================== */
/* titulo general */
.campo_texto_titulo {
    color: #4CC7EE;
    font-size: 15px;
    font-weight: bold;
    margin: 15px 0 10px;
}

/*	clase para ocultar algo */
.hidden{
	display: none;
}

/*	tabla que contiene los botones del form*/
.form_button{
	
	
}

/* para resaltar el cliente cunado hace click */
.highlighted{
	font-size: 12px;
	background-color: #2f2f2f;
	border-radius: 4px;
}

.highlighted_time{
	color: #FF0033;
}




.listado_enlaces{
	list-style: none outside none;
	width: 800px;
	padding-left: 20px;
}
.listado_enlaces li{
	/*
	border-top-color: #222222;
	border-top-width: 1px;
	border-top-style: dashed;
  */
	padding: 5px;
	margin: 4px 10px;
	float: left;
	width: 130px;
	text-align: left;
	color: #909090;
	font-size: 11px;
	cursor: pointer;
}



/* div de registro del slider*/

.slider_registro_1{
	background-color: #000905;
}
.slider_registro_1:hover{
	background-color: #00ff00;
}
.slider_registro_2{
	background-color: #00ff00;
}

/*	mask del slider */
.slider_mask_top{
	margin-bottom:-29px;
	height: 29px;
	width:981px;
	position: relative;
	top: -300px;
	/*
	background-image: url('../images/gradient-dark-top.png');
	background-repeat:repeat-x;
	*/
	background: 0;
	z-index: 12;
}
.slider_mask_bottom{
	margin-bottom:-95px;
	height: 95px;
	width:981px;
	position: relative;
	top: -95px;
	background-image: url('../images/gradient-dark-bottom.png');
	background-repeat:repeat-x;
	z-index: 12;
}

/* mask del item */
.span_mask-left{
	display: inline;
	background-image: url('../images/gradient-dark-left.png');
	background-repeat:repeat-y;
	z-index: 0;
	width: 20px;
	height: 375px;
	float: left;
	position: relative;
	left: 20px;
}
.span_mask-right{
	display: inline;
	background-image: url('../images/gradient-dark-right.png');
	background-repeat:repeat-y;
	z-index: 0;
	width: 20px;
	height: 375px;
	float: right;
	position: relative;
	top: -375px;
	left: 8px;
}


/* mask del item */
.span_mask-left-12{
	display: inline;
	background-image: url('../images/gradient-dark-left-12.png');
	background-repeat:repeat-y;
	z-index: 0;
	width: 12px;
	height: 375px;
	float: left;
	position: relative;
	left: 10px;
}

.span_mask-right-12{
	display: inline;
	background-image: url('../images/gradient-dark-right-12.png');
	background-repeat:repeat-y;
	z-index: 0;
	width: 12px;
	height: 375px;
	float: right;
	position: relative;
	top: -375px;
	left: -3px;
}

.div_subasta_item_text{
	
	/*height: 10px;*/
	padding: 4px;
	color: #1f1f1f;
	/*display: table-cell;
	vertical-align: middle;*/
	text-align: center;
	
}


.fieldset_item:hover{
	
	box-shadow:0px 0px 3px 3px #dddddd;
	
}

.fieldset_item{
	
	text-align: center;
	width: 294px;
	height: 458px;
	border:0;
	margin:0;
	padding:0;
	background-color: #FFFFFF;
}
.fieldset_containner_market{
	
	text-align: center;
	width: 230px;
	height: 400px;
	border:0;
	margin:0;
	padding:0;
	background-color: #FFFFFF;
}

.fieldset_item_title{
	font-family: 'Trebuchet MS',​Helvetica,​Arial,​sans-serif;
	font-weight: 400;
	font-style: italic;
	font-size: 13px;
	display: table-cell;
	width: 100%;
	height: 24px;
	vertical-align: middle;
	text-align: center;
        color: #7E398E;
}
.fieldset_item_title_compra{
	font-family: 'Trebuchet MS',​Helvetica,​Arial,​sans-serif;
	font-weight: 400;
	font-style: italic;
	font-size: 16px;
	display: inline-table;
	width: 100%;
	height: 45px;
	vertical-align: middle;
	text-align: center;
	margin-top: 10px;
}
.fieldset_item_descripcion{
	font-family: 'Trebuchet MS',​Helvetica,​Arial,​sans-serif;
	font-weight: 300;
	font-size: 11px;
	display: inline-table;
	width: 100%;
	height: 20px;
	vertical-align: middle;
	text-align: center;
        color: #7E398E;
}

.box-time{
	border-collapse: collapse;
	cursor:pointer;
	float:left;
	width:145px;	
    height: 90px;
	border:1px solid #620D75;
	background-color: #7e398e;
}
.box-time-proxima{
	border-collapse: collapse;
	cursor:pointer;
	float:left;
	/*
	width:145px;	
    height: 90px;
	border:1px solid #620D75;
 */
	width:147px;	
    height: 92px;
	/*background-color: #7e398e;*/
}
.box-time-reciente{
	border-collapse: collapse;
	/*cursor:pointer;*/
	float:left;
	/*
	width:145px;	
    height: 90px;
	border: 1px solid #676668;
 */
	width:147px;	
    height: 92px;
	background-color: #353535;
}

span.item-titulo {
	color:#fff;
	font-weight:bold;
	font-style:normal;
	height:50px;	
	background-color: #bb0707;
	/* Safari 5.1+, Chrome 10+ */
	background: -webkit-linear-gradient(top, #bb0707 0%, #ea8ead 100%);
	/* Opera 11.10 */
	background: -o-linear-gradient(#bb0707, #ea8ead);
	/* IE8+ */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#bb0707', endColorstr='#ea8ead')";
	/* IE 10 */
	background: -ms-linear-gradient(top, #bb0707, #ea8ead);
	/* the standard */
	background: linear-gradient(to top, #bb0707 0%, #ea8ead 100%);
}

.box-time-precio{
	color: #FFFFFF;
	display: block;
	font-weight: bold;
	font-size: 18px;
	font-family: arial;
	text-align:center;
	vertical-align: middle;
	height: 40px;
}
.box-time-precio-proxima{
	color: #7E398E;
	display: block;
	font-weight: bold;
	font-size: 18px;
	font-family: arial;
	text-align:center;
	vertical-align: middle;
	height: 40px;
}
.box-time-cont{
	display: block;
	/*font-size:12px;
	vertical-align: middle;*/
	height: 30px;
    color: #000000;
}
.box-time-left{
	font-size: 24px;
    font-weight: 700;
	padding-top:3px;
}
.box-time-cliente{
	color: #999999;
	font-weight: normal;
	padding:3px 0 6px 0;
        height: 15px;
}
.box-time-ofertar{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 18px;
	font-family:tahoma;
	display: block;
	text-align:center;
	vertical-align: middle;
	height: 30px;
}

.box-time-ofertar:active{
	text-shadow: 0.2em 0.2em 0.1em #000;
	font-size:22px;
	color:#F00;
}


.box-time-proximamente{
	color: #7E398E;
	font-weight: bold;
	font-size: 18px;
	font-family: arial;
	vertical-align: middle;
	text-align: center;
	height: 50px;
	
}
.box-state{
	background-color: #620d75;
	border-collapse: collapse;
	/*
	border:1px solid #620D75;
	width:145px;	
    height: 90px;
	*/
	width:147px;	
    height: 92px;
	cursor:pointer;
	float:left;
	
}

.box-state-reciente{
	background-color: #424242;
	border-collapse: collapse;
	/*
	border:1px solid #616061;
	width:145px;	
    height: 90px;
	*/
	width:147px;	
    height: 92px;
	/*cursor:pointer;*/
	float:left;
	
}
.box-state-store{
	background-color: #0d0d0d;
	margin-bottom: 8px;
	border-collapse: collapse;
	cursor:pointer;
	
/* Safari 5.1+, Chrome 10+ */
background: -webkit-linear-gradient(top, #4D0D4D 9%, #202020 67%);

/* Opera 11.10 */
background: -o-linear-gradient(#4D0D4D, #202020);

/* IE8+ */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4D0D4D', endColorstr='#202020')";

/* IE 10 */
background: -ms-linear-gradient(top, #4D0D4D, #202020);

/* the standard */
background: linear-gradient(to top, #4D0D4D 9%, #202020 67%);
}

.box-state-precio{
	height: 40px;
	display: block;
	vertical-align: middle;
	font-weight: bold;
	font-size: 18px;
	text-align:center;
	color: #FFFFFF;
	font-weight: bold;
	font-family: arial;
}
.box-state-consiguelo{
	display: block;
	vertical-align: middle;
	height:17px;
	font-size: 12px;
	color: #FFFFFF;
	padding-top:3px;
}
.box-state-consiguelo-proxima{
	display: block;
	vertical-align: middle;
	height:17px;
	font-size: 12px;
	color: #7E398E;
	padding-top:3px;
}
.box-state-comprar{
	height: 30px;
	display: block;
	vertical-align: middle;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 18px;
	font-family:tahoma;
	text-align:center;
}

.box-state-precio-market{
	height: 30px;
	display: block;
	vertical-align: middle;
	font-weight: bold;
	font-size: 15px;
	text-align:center;
	color: #FFFFFF;
	font-weight: bold;
	font-family: arial;
}
.box-state-consiguelo-market{
	display: block;
	vertical-align: middle;
	height:17px;
	font-size: 12px;
	color: #FFFFFF;
	padding-top:3px;
}
.box-state-comprar-market{
	height: 25px;
	display: block;
	vertical-align: middle;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 15px;
	font-family:tahoma;
	text-align:center;
}


.diagonal{
	
	position: absolute;
	font-size: 22px;
    text-align: center;
	width: inherit;
	margin-top: 190px;
/*
	-webkit-transform: rotate(323deg);
	-moz-transform: rotate(323deg);
	-o-transform: rotate(323deg);
	writing-mode: lr-tb;
*/

}


/*	div que contiene el boton de apostar */
.box-btn{
	margin-top: 8px;
	margin-bottom: 8px;
}
.box-btn > span{
	width: 289px;
	height: 30px;
	display: table-cell;
	text-align: center;
	vertical-align: middle
	
}


.boton_click_normal{
	background-image: url("../images/degrade_verde.png");
    display: table-cell;
    height: 28px;
    vertical-align: middle;
    width: 130px;
	color: #f0f0f0;
    font-size: 14px;
	text-decoration: none;
}
.boton_click_normal:hover{
	background-image: url("../images/degrade_verde_2.png");
}

.boton_click_grande{
	background-color: #7E398E;
    display: table-cell;
    height: 50px;
	width: 362;
    vertical-align: middle;
    width: 360px;
	color: gray;
    font-size: 14px;
	text-decoration: none;
}
.boton_click_grande:hover{
	background-image: url("../images/degrade_verde_3.png");
	color: #FFFFFF;
}


.fieldset_registro{
	float: left;
	width: 440px;
	height: 250px;
	margin: 20px;
}
.fieldset_confirmar{
	clear: both;
	margin: 20px;
}

.legend_registro{
	color: #FFFFFF;
	background-image: url('../images/degrade_verde.png');
	height: 20px;
	padding: 7px 5px 1px 5px;
    font-size: 12px;
}


.input_login input{
	
	background-color: #2E013F;
	width: 140px;
	border-color: #7D3699;
	border-width: 2px;
	border-spacing: 2px;
	margin: 2px;
	
	font-family: Tahoma,Arial,sans-serif;
    font-size: 1.1em;
	color:#808080;
		
}

.input_login input:focus{
	
	background-color: #18011D;
	
}

.input_login_popup input, .input_login_popup a{
	background-color: #eeeeee;
	width: 175px;
	border-color: #7D3699;
	border-width: 2px;
	border-spacing: 2px;
	margin: 2px;
	
	font-family: tahoma;
    font-size: 9px;
	color:#000000;
}
.link_registro a{
	color:#BA4ECA;
}


/*  div de las observaciones: descripcion del producto observacion 
div.div_observacion, fieldset.div_observacion{
	font-family:Arial !important;
	font-size: 10px !important;
	color: #000000;
	text-align: left;
	margin: 5px;	
}

div.div_observacion, fieldset.div_observacion h1{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px !important;
	margin-top:-14px;
	}
*/

.div_observacion{
	color: #000000;
	text-align: left;
	margin: 5px;
	height: 123px;
}

.div_observacion h1{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px !important;
	text-align:center;}	

.div_observacion p{
	font-family:Arial !important;
	font-size: 10px !important;
	margin:0px;
	}

table.div_observacion{
	background-color: #FFFFFF;
	font-size: 12px;
	color: #000000;
	box-shadow:0px 0px 3px 3px #dddddd;
	padding: 5px;
	width: 100%;
}
table.div_observacion td{
	padding: 2px;
	text-align: center;
	font-size: 11px;
}

div.div_observacion2, div.div_observacion3{
	width: 960px;
}
div.div_observacion2, fieldset.div_observacion2{
	background-color: #444444;
	color: #000000;
	border: 0;
	margin: 0;
	padding: 20px;
	min-height: 500px;
	display: inline-block;
}

div.div_observacion3, fieldset.div_observacion3{
	background-color: #222222;
	color: #000000;
	border: 0;
	margin: 0;
	padding: 20px;
	min-height: 500px;
	display: inline-block;
}

fieldset.fieldset_item_completo, table.fieldset_item_completo{
	background-color: #FFFFFF;
	border: 0;
	margin: 0;
	padding: 0;
}

fieldset.fieldset_item_completo > legend{
	
}




.popup_bar{
	width: 314px;
	height:	470px;
/*
	background-color: #000000;
	opacity:0.4;
	filter:alpha(opacity=40);
 */
	background: rgba(0, 0, 0, 0.7);
	
	z-index: 10;
	position: absolute;
}

.popup_bar > .primero{
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	width: inherit;
	height: 383px;
	padding-left: 10px;
	padding-right: 10px;
	font-family: trebuchet ms;
    font-size: 25px;
}

.popup_bar > .segundo{
	text-align: right;
	vertical-align: middle;
	display: table-cell;
	width: inherit;
	height: 80px;
	padding-left: 14px;
	padding-right: 14px;
	
}



/* ========================================================================== 
============================================================================= */
/*  DEPORTES */
.instrucciones-deportes {
	background:#ffc813;
	color:#000;
	padding:10px;
}
.instrucciones-deportes ol {
	margin:0 0 30px;
	padding:0;
	list-style-position:inside;
}
.instrucciones-deportes {
	background:#ffc813;
	color:#000;
	padding:10px;
	margin-bottom:30px;
	margin-top:20px;
}
tr.row_title_deporte {
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	height: 22px;
	border-spacing: 4px;
	text-align: left;
    text-transform: uppercase;
	border-bottom: 1px solid #fff;
	
	/*background-color: #0d0d0d;
	background: -webkit-linear-gradient(top, #0D2D2D 9%, #009000 87%);
	background: -o-linear-gradient(#0D2D2D, #009000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0D2D2D', endColorstr='#009000')";
	background: -ms-linear-gradient(top, #0D2D2D, #009000);
	background: linear-gradient(to top, #0D2D2D 9%, #009000 87%);*/
}

tr.row_title_partido {
	font-size: 13px;
	text-align: center;
	/*height: 16px;*/
	padding: 3px;
	
	background-color: #0d0d0d;
}
tr.row_title_partido td.titulos {
	background-color: #660f7a;
}
tr.row_title_partido td.hora-fecha {
	border-bottom:1px solid #660f7a;
}
tr.row_title_partido td.ganancia {
	border-bottom:1px solid #660f7a;
}
/*
.row_partido tr{
	border-spacing: 3px;
}
.row_partido tr, .row_partido td{
	font-size: 11px;
}
*/
tr.row_partido span.ui-button-text{
	font-family: verdana;
	font-size: 11px;
}
tr.row_partido label.ui-button.ui-state-default{
	border: 1px solid #402353;
	/*background: #402353 url("../images/gradient-dark-bottom.png") repeat-x scroll 50% 50%;*/
	background-color: #402353;
	background-image: none;
	font-weight: bold;
	color: #FFF;
}
tr.row_partido label.ui-button.ui-state-hover{
	border: 1px solid #FFE600;
    /*background: #FFE600 url("../images/gradient-dark-bottom.png") 50% 50% repeat-x;*/
	background-color: #FFE600;
	background-image: none;
    font-weight: bold;
    color: #717171;
}
tr.row_partido label.ui-button.ui-state-active{
	font-weight: bold;
    color: #000;
    border: 1px solid #FFE600;
    /*background: #FFE600 url("../images/gradient-dark-bottom.png") 50% 50%;*/
	background-color: #FFE600;
	background-image: none;
}
tr.row_partido input.fondo_verde{
	background-color: #7DC36E;
}
tr.row_partido div.buttonset_pa{
	margin: 2px;
}
/* ========================================================================== 
============================================================================= */







/* ========================================================================== */
/* ========================================================================== */
/*  tablas de listados y formularios del sistema  */
table.form, table.form_detail, table.list, table.abm{
	width: 100%;
	border-collapse: collapse;

}
table{
	border-collapse: collapse;
	padding-top:5px;
}
/* ========================================================================== */
		/* FORMULARIO DE REGISTRO */
/* ========================================================================== */
.formulario_registro{
	background-color:#FFF;
	width:981px;
	margin:0 auto;
	height:550px;
	margin-left: 7px;
	margin-right: 7px;
}

.formulario_registro_cuerpo{
	width:960px;
	padding-top:15px;
	color:#000;
	}
	
div.titulo_formulario{
	color:#620D75;
	border-bottom:2px solid #7E398E;
	font-family: verdana;
	font-size:17px;
	margin-top:10px;
	width:100%;
	text-align:left;
	font-weight:800;
	}

div.titulo_registro{
	width:92%;
	height:23px;
	background-color:#620D75;
	margin-bottom:10px;
	text-align:left;
	}

div.titulo_registro h7{
	color:#FFF;
	font-size:14px;
	font-weight:600;
	margin-left:5px;		
	}

#datos_personales{
	width:31%;
	float:left;
	margin-top:20px;
	text-align: left;
}
	
#datos_localizacion{
	width:31%;
	float:left;
	margin-left:3.5%;
	margin-top:20px;
	text-align: left;
}
	
#datos_info_registro{
	width:31%;
	float:left;
	margin-left:3.5%;
	margin-top:20px;
	text-align: left;
}

.field_title_registro{
		color:#000;
		width:100%;
		text-align:left;
		font-size:12px;
		font-weight:500;}
		
.field_value_registro{
		color:#000;
		text-align:left;
		margin-bottom:10px;
		}

.field_value_registro_password{
		border:2px solid #7E398E;
		width:100%;
		}

.field_value_registro_moneda{
		color:#000;
		text-align:left;
		border:2px solid #7E398E;
		width:97%;
		}

.field_title_registro_calle{
		color:#000;
		width:45%;
		text-align:left;
		font-size:12px;
		float:left;
		font-weight:500;
}

.field_title_registro_num{
		color:#000;
		margin-left:3%;
		width:25%;
		text-align:left;
		font-size:12px;
		float:left;
		font-weight:500;
}

.field_title_registro_depto{
		color:#000;
		/*margin-left:3%;*/
		width:18%;
		text-align:left;
		font-size:12px;
		float:left;
		font-weight:500;
}


.field_value_registro_calle div.gc_input, .field_title_registro_depto div.gc_input, .field_title_registro_num div.gc_input {
	display:inline-block;
}

.field_value_registro_calle{
		color:#000;
		text-align:left;
		margin-bottom:10px;
		float:left;
		width:45%;
}

.field_value_registro_calle input{
	border:2px solid #7E398E;
	background-color:  #FFFFFF;
	width:85%;
	}

.field_value_registro_num{
		color:#000;
		text-align:left;
		margin-bottom:10px;
		margin-left:3%;
		float:left;
		width:22%;
	
}

.field_value_registro_num input{
	border:2px solid #7E398E;
	width:70%;
	background-color:  #FFFFFF;
	}

.field_value_registro_depto{
		color:#000;
		text-align:left;
		margin-bottom:10px;
		margin-left:3%;
		float:left;
		width:18%;
}

.field_value_registro_depto input{
	border:2px solid #7E398E;
	background-color:  #FFFFFF;
	width: 84%;
	}

.field_value_registro input{
	border:2px solid #7E398E;
    width: 90%;
	background-color:  #FFFFFF;
	}

.field_value_registro select{
	border:2px solid #7E398E;
    width: 90%;
	background-color:  #FFFFFF;
	}
.field_value_registro input.codigo_postal{width:88%;}
.field_value_registro div.gc_input_password_change table{width:270px;}
	
.field_value_registro_captcha{
	color:#000;
	text-align:left;
	border:2px solid #7E398E;
	width:91%;
}
.field_value_registro_captcha input{
	border:2px solid #7E398E;
	background-color:  #FFFFFF;
	}

#aceptar{
	width:100%;
	text-align:right;
	margin-top:50px;
	float:right;}

#aceptar button{
	background-color:#FF5B5B;
	width:110px;
	height:30px;
	text-transform:uppercase;
	font-size:13px;
	font-weight:700;}

#terminos{
	color:#000;
	margin-bottom:5px;
	margin-right:15px;
	font-size:12px;
	width:99%;
	min-height:30px;}

#terminos_check{
	width:25px;
	height:25px;
	float:right;}
	
#terminos_text{
	width:50%;
	float:right;}

#terminos_buttom{
	width:100%;
	float:right;}
/* ========================================================================== */
				/* SUBASTAS ITEM COMPLETO */
/* ============================================================================= */
#titulo_subasta{
	width:100%;
	}
.fieldset_title{
	background-color: #4B0082;
	color: #FFFFFF;
	font-size: 15px;
	padding: 6px;
	text-align: left;
	padding-left: 10px;
}

#subasta_superior{
	width:100%;}

#imagen_subasta{
	width: 494px; 
	float: left;
	margin-left:5px;
	height: 523px; 
	text-align: center; 
	vertical-align: middle;
	display:table-cell;
	border:1px solid #CCC;
	margin-top:10px;
}
	

.datos_subasta{
	width: 467px;
	height:523px;
	border:1px solid #CCC;
	float: left;
	margin-top:10px;
	margin-left: -1px;
/*
	-moz-box-shadow: 2px 2px 3px #777;
    -webkit-box-shadow: 2px 2px 3px #777;
    box-shadow: 2px 2px 3px #777;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#777777')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#777777');
*/
	color: #7E398E;

}


.unete_subasta{
	width: 226px;
	height:523px;
	border:1px solid #CCC;
	float: left;
	margin-left:7px;
	margin-top:10px;
	-moz-box-shadow: 2px 2px 3px #777;
    -webkit-box-shadow: 2px 2px 3px #777;
    box-shadow: 2px 2px 3px #777;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#777777')";
    /* IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#777777');
}

#barra_subasta{
	width:100%;
	height:67px;
}

#medios_de_pago{
	width:48%;
	background:url(../images/MediosDePago.png) no-repeat left;
	height:67px;
	float:left;
	}

#redes_sociales{
	width:50%;
	float:right;
	height:67px;
	background:url(../images/bomba.jpg) no-repeat right;
}
	
#subasta_item_text{
	width:98%;
	padding:5px 10px;
	color:#000;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;}

#subasta_inferior{
	width:100%;
	margin-top:15px;
	margin-bottom:25px;}

#precio_subasta{
	text-align:center;
	font-weight:900;
	color:#7E398E;
	font-size:14px;
	height:107px;
}

#iva{
	width:100%;
	font-size:12px;
	text-align:center;
	color:#7E398E;
	font-family:Arial, Helvetica, sans-serif;
}

#precio_subasta span{
	font-size:3.2em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #855ABD;
}

.div_time_left{
	/*color:#000;*/
	font-size:3em;
	width:99%;
	text-align:center;
	height:41px;
}

#usuario_subasta{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#7E398E;
	font-size:14px;
	font-weight:bold;
	height: 50px;
}

#usuario_subasta span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
}

#boton_subasta{
	width:80%;
	height:30px;
	background-color:#4B0082;
	margin-left:10%;
	}

#boton_subasta:hover{
	width:80%;
	height:30px;
	background-color:#290053;
	margin-left:10%;
	}

.boton_click_grande_sub_item{
	color:#FFF;
	text-decoration:none;
	vertical-align:middle;
	font-size:22px;
	font-weight:800;}

#imagen_inferior{
	width:97%;
	float:left;
	margin-left:3%;
	}

#tabla_inferior{
	width:97%;
	float:left;
	margin-left:3%;
	min-height:280px;}

table.div_usuarios{
	font-size: 12px;
	color: #000000;
	padding: 5px;
	width: 100%;
}

table.div_usuarios td{
	padding: 5px;
	text-align:left;
	font-size: 12px;
}

table.div_usuarios tr:nth-child(2n+1) {
background-color:#D7D7D7;
}

.observacion{
	width:100%;
	text-align:left;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	
	}

/* ............................................... */
.texto_informativo{
	font-family: lucida grande;
	font-size: 12px;
	background-color: #FFFFFF;
	color: #001111;
}
.texto_informativo h3{
	font-size: 15px;
	font-weight: bold;
}
.texto_informativo input{
	background-color: #FFFFFF;
	border: 2px solid #7E398E;
}
.texto_informativo td{
	padding: 10px;
}
div.texto_informativo{
	padding: 10px;
	margin-left: 7px;
	margin-right: 7px;
}
/* ............................................... */
/* es el popup con los textos informativos */
#div_alert_msg_2{
	font-family: lucida grande;
	font-size: 12px;
	background-color: #FFFFFF;
	color: #001111;
}
/* ............................................... */
div.lista_enlaces{
	display: inline-block;
	padding: 5px;
	position: relative;
    top: -25px;
}
div.lista_enlaces a{
	color: #FFFFFF;
	text-decoration: none;
	font-family: Verdana;
	font-size: 10px;
}
/* ========================================================================== 
============================================================================= */

/* -------------------------------------------------------------------------  */
/* COMPRAS */
/* -------------------------------------------------------------------------  */
#titulo_subasta_compra{
	width: 100%;
}
#titulo_subasta_compra span{
	background-color: #DD3A1B;
	color: #FFFFFF;
	font-size: 15px;
	padding: 6px 6px 6px 10px;
	text-align: left;
}

div.item_compra{
	width:250px;height:420px;float:left;text-align:left;position:relative;left:7px;
}
/* -------------------------------------------------------------------------  */
/* -------------------------------------------------------------------------  */

.container_12 .grid_6, .container_16 .grid_8{
	height: 112px;
}


div.ui-widget-overlay{
	background: 0;
	background-color: #000;
	opacity: 0.5;
}

div.gc_input a.registro.input{
	color: #000;
}

.container_height_450{
	height: 450px;
	width: 500px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
